<!DOCTYPE html> 
<html> 
<head> 
	<title>O.Kang.Jang Project</title> 
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width" />
	<meta name="viewport" content="width=device-width, initial-scale=1"> 
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
	<link rel="stylesheet" href="./stylesheet/base.css" />
	<link rel="stylesheet" href="./stylesheet/style.css" />
	<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
	<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			$(".btnNavi01").mouseover( function(){
				$(this).find("img").attr("src","./images/menu_01_o.png");
			}).mouseout(function(){
				$(this).find("img").attr("src","./images/menu_01_n.png");
			});
			$(".btnNavi02").mouseover( function(){
				$(this).find("img").attr("src","./images/menu_02_o.png");
			}).mouseout(function(){
				$(this).find("img").attr("src","./images/menu_02_n.png");
			});
			$(".btnNavi03").mouseover( function(){
				$(this).find("img").attr("src","./images/menu_03_o.png");
			}).mouseout(function(){
				$(this).find("img").attr("src","./images/menu_03_n.png");
			});

		});
	</script>
 </head>

 <body>
	<div id="header" data-role="header" data-position="fixed">
		<h1><img src="./images/top_logo_okj.png" width="142" height="17"></h1>
		<a href="#" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-left ui-btn ui-btn-up-f ui-shadow ui-btn-corner-all ui-btn-icon-notext" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="f" title="Home">
			<span class="ui-btn-inner" style="width:33px; height:30px; right:-2px">
				<img src="./images/btn_top_home.png" width="33" / >
			</span>
		</a>
		<a href="../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade" class="ui-btn-right ui-btn ui-btn-up-f ui-shadow ui-btn-corner-all ui-btn-icon-notext" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="f" title="Search">
			<span class="ui-btn-inner"  style="width:33px; height:30px; left:-12px">
				<img src="./images/btn_top_search.png" width="33" / >
			</span>
		</a>
	</div>
	<div id="localNavi">
		<ul>
			<li>
				<a class="btnNavi01" href="/" ><img src="./images/menu_01_n.png" width="45" alt="최신공구" /></a>
			</li>
			<li>
				<a class="btnNavi02" href="/" ><img src="./images/menu_02_n.png" width="45" alt="검색공구" /></a>
			</li>
			<li>
				<a class="btnNavi03" href="/" ><img src="./images/menu_03_n.png" width="45" alt="만든사람"/></a>
			</li>
		</ul>
	</div>
	<div style="clear:both"></div>
	<div class="searchArea">
		<input id="searchInput" class="searchInput" type="text" value="" />
		<img class="btn_plus_input" src="./images/btn_plus_n.png" />

	<!--
		<p class="searchResult"><strong>공동구매</strong>에 대한 검색결과 입니다.</p>
	-->
	</div>
	<div class="contentWrap">
		<div id="itemWrapper">
			<ul id="sch_itemBox">
			<li class="sch_item_none">이름 또는 키워드로 <br/>원하는 공동구매를 찾아보세요.</li>
			<!--  블로그면 class="icon_blog" 카페면 class="icon_cafe" -->
			<!--
				<li class="sch_item">
					<div class="sch_itemImageDiv">
						<img class="sch_itemImage" src="http://media-cache1.pinterest.com/upload/69805862944403213_qBHpqC9R_b.jpg" />
						<dl class="sch_itemDesc" >
							<dt>공구 타이틀</dt>
							<dd>설명설명설명설명설명설명설명설명설명설명 설명설명설명설명설명설명설명설명 설명설명설명설명설</dd>			
						</dl>
						<img class="btn_plus" src="./images/btn_plus_n.png">
						<div class="img_tag_icon icon_blog">
						블로그면 class="icon_blog" 카페면 class="icon_cafe"
						</div>
					</div>
				</li>
				<li class="sch_item">
					<div class="sch_itemImageDiv">
						<img class="sch_itemImage" src="http://media-cache1.pinterest.com/upload/69805862944403213_qBHpqC9R_b.jpg" />
						<dl class="sch_itemDesc" >
							<dt>공구 타이틀</dt>
							<dd>설명설명설명설명설명설명설명설명설명설명 설명설명설명설명설명설명설명설명 설명설명설명설명설</dd>			
						</dl>
						<img class="btn_plus" src="./images/btn_plus_n.png">
						<div class="img_tag_icon icon_cafe">
						</div>
					</div>
				</li>
			-->

			</ul>
		</div>  
	</div>
 </body>
</html>
